<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>可视化平台</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <link rel="stylesheet" href="../../../css/model.css"/>
    <style type="text/css">
    *{
        margin: 0;
        padding: 0;
        font-family: "Microsoft YaHei" ! important;
        font-size: 12px;
    }
    .content{
        min-width: 1200px;
        margin: auto;
    }
    .pro_headbg{
        background: url("../../../images/kshhead.png");
        background-repeat: no-repeat;
        background-size: 100% 124px;
        width: 100%;
        height: 129px;
    }
    .pro_dataA{
        float:left;
        width:70%;
        height:100%;
        border-color: rgb(249,249,249);
    }
    .pro_dataAdetil{
        float: right;
        width: 90%;
    }
    .pro_dataB{
        width: 30%;
        float: right;
        height: 100%;
    }
    .pro_dataBimage{
        background: url(../../../images/kshjieshao1.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        /* float: left; */
        width: 85%;
        height: 120px;
    }
    .pro_headbgA>div{
        margin-left: 26%;
        margin-right: 26%;
        padding-top: 6%;
    }
    .pro_headbgA>div>h1{
        color: rgb(240,131,0);
        font-size: 18px;
    }
    .pro_headbgA>div>hr{
        background-color:rgb(240,131,0);
        margin-top: 10px;
        margin-bottom: 10px;
        height:2px;
        border:0;
    }
    .pro_headbgA>div>p{
        color: rgb(255,255,255);
        font-size: 12px;
    }
    .pro_datastream{
        width:100%;
        height:auto;
    }
    .pro_datastreamB{
        float: left;
        width: 30%;
        height: 100%;
    }
    .pro_data{
        height:auto;
        width: 100%;
    }
    .pro_datastreamBimge{
        background: url(../../../images/kshjieshao2.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        width: 85%;
        height: 120px;
        margin-left: 10px;
        /* margin-top: 15%; */
    }
    .pro_datastreamA{
        float: left;
        height: 100%;
        width:70%;
    }
    .pro_datastreamAdetil{
        float: right;
        margin-top: 5%;
        margin-right: 6%;
        margin-left: 3%;
    }
    .pdemo{
        /* font-size: 12px; */
        color: #868686;
    }

    .pro_analysB{

        width:50%;
        height: 100%;
        float: right;
    }
    .pro_analysBimage{
        background: url("../../../images/kshjieshao3.png");
        background-repeat: no-repeat;
        background-size:contain;
        background-position:50% 50%;
        width: 83%;
        height: 109px;
    }
    .pro_analysBimage5{
        background: url("../../../images/kshjieshao5.png");
        background-repeat: no-repeat;
        background-size:contain;
        background-position:50% 50%;
        width: 83%;
        height:145px;
    }
    .pro_d4{
        width: 100%;
        height: 122px;
    }
    .pro_d4A{
        float: left;
        width: 50%;
    }
    .pro_d4Adetil{
        float: right;
        margin-left: 23px;
        margin-top: 11px;
        width: 91%;
        height: 50%;
    }
    .lz_bai{
        height:auto;
        width: 100%;
    }
    .pro_d4B{
        float: right;
        width: 50%;
        height: 62%;
    }
    .pro_d4Bimage{
          background: url("../../../images/kshjieshao4.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: 50% 50%;
          width: 85%;
          height:85%;
        margin-left: 10px;
      }
    .pro_d4Bimage6{
        margin-left: 10px;
        background: url("../../../images/kshjieshao6.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        width: 85%;
        height:85%;
    }
    .pro_bigdata{
        margin-top:15px;
        width: 100%;
        height: 246px;
        border-top: dotted 1px #dcdcdc;
    }
    .pro_bigdata>h3{
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .pro_bigdataimage{
        width: 90%;
        margin: 0px auto;
    }
    .pro_style{
        height:auto;
        width: 100%;
        border-top:dotted 1px #dcdcdc;
    }
    .pro_styleB>div>p{
        color: rgb(180,180,180);
        text-align: left;
    }
    .pro_style>h3{
        padding-top:10px;
        margin-bottom:10px;
        width: 100%;
        text-align: center;
    }
    .pro_styleB{
        width:90%;
        margin: 0px auto;
        margin-bottom:30px;
    }
    .pro_style01{
        font-size: 12px;
        position: relative;
        width: 161px;
        top: 64px;
        left: -287px;
    }
    .pro_style02{
        width: 153px;
        font-size: 12px;
        position: relative;
        top: 219px;
        left: -364px;
    }
    .pro_style03{
        width: 175px;
        font-size: 12px;
        position: relative;
        top: 345px;
        left: -229px;
    }
    .pro_style04{
        width: 204px;
        font-size: 12px;
        position: relative;
        top: 246px;
        left: 322px;
    }
    .pro_style05{
        width: 175px;
        font-size: 12px;
        position: relative;
        top: 0;
        left: 358px;
    }
    .pro_style06{

        width: 175px;
        font-size: 12px;
        position: relative;
        top: -246px;
        left: 269px;
    }
    .clearfloat{
        clear:both;
        width:0px;
        height:0px;
        line-height:0px;
    }
    .ptt{
        font-weight:bold;
        font-size:14px;
        color: #666666;
    }
    .detalss{
        margin-left: 14px;
        margin-top: -108px;
        margin-right: 10px;
    }
    .tedian{
        margin-left: 10px;
        margin-right: 10px;
    }
    .tedianA{
        font-size: 14px;
        background-color: chartreuse;
        line-height: 20px;
        border: 1px solid;
        border-radius:5px;
        -moz-border-radius:5px;
    }
    .tedianB{
        font-size: 12px;
        background-color:aquamarine;
        line-height: 15px;
        border: 1px solid;
        border-radius:5px;
        -moz-border-radius:5px;
    }
    </style>

</head>
<body class="disable-default-action">
<div class="pro_headbg">
    <div class="pro_headbgA">
        <div>

        </div>
    </div>
</div>
<!-- 数据采集与储存-->
<div class="lz_bai">
    <div class="pro_dataA">
        <div class="pro_dataAdetil">
            <p class="ptt">丰富的大数据可视化图形库</p>
            <p class="pdemo">
                蓝智大数据可视化平台，不仅提供传统数据可视化图形，如：柱状图、折线图、饼图、面积图、雷达图等；更大的特色在于专注于适合大数据展示的可视化图形，如：树图、日历图、流图、并行集图，以及在此基础上延伸的一些适合大数据展示的可视化图形。            </p>
        </div>
    </div>
    <div class="pro_dataB">
        <div class="pro_dataBimage">
        </div>
    </div>
    <div class="clearfloat"></div>
</div>
<!-- 数据采集与储存完-->
<!-- 面对数据流实现连续分析 -->
<div class="pro_datastream">
    <div class="pro_datastreamB">
        <div class="pro_datastreamBimge"> </div>
    </div>
    <div class="pro_datastreamA">
        <div class="pro_datastreamAdetil">
            <p class="ptt">灵活的交互方式,简单易用</p>
            <p class="pdemo">
                通过简单的点击实现数据的连接和处理，基本的点击和拖拽操作即可完成数据的可视化过程。无需技术背景，业务人员可自服务完成分析需求；一天内实现新报表、变更报表需求，保持分析思维的连续性；研发人员的负担骤然减轻。            </p>
        </div>
    </div>
    <div class="clearfloat"></div>
</div>
<!-- 面对数据流实现连续分析完-->
<!-- 全维度数据分析与数据挖掘-->
<div class="pro_datastream">
    <div class="pro_datastreamA">
        <div class="pro_datastreamAdetil">
            <p class="ptt">探索式可视化分析过程</p>
            <p class="pdemo">
                丰富的数据公式和算法让用户真正理解探索分析数据，通过一个直观的拖放界面就可创造交互式的图表和数据挖掘模型。            </p>
        </div>
    </div>
    <div class="pro_datastreamB">
        <div class="pro_analysBimage"></div>
    </div>
    <div class="clearfloat"></div>
</div>
<!-- 全维度数据分析与数据挖掘完-->
<!-- 大数据分析的模式-D4模式-->
<div class="pro_d4">
    <div class="pro_datastreamB">
        <div class="pro_d4Bimage"> </div>
    </div>
    <div class="pro_datastreamA">
        <div class="pro_datastreamAdetil">
            <p class="ptt">
                界面美观、可交互</p>
            <p class="pdemo">
                界面展现控件丰富，布局灵活，有多种主题和样式供您选择，数据的展现只是分析的起点，而不是终点。您可在图表上进行数据筛选、全局联动、协作讨论等多种交互操作让数据的价值共享于整个企业。            </p>
        </div>
    </div>
    <div class="clearfloat"></div>
</div>
<div class="pro_datastream">
    <div class="pro_datastreamA">
        <div class="pro_datastreamAdetil">
            <p class="ptt">可视化结果的多渠道分享</p>
            <p class="pdemo">
                负责不同工作的员工之间，可以通过多种渠道共享分析的结果。用户可通过授权管理，将需要分享的展示报告分享给指定的人员；也可将分析报告生产PDF文件，通过邮件发送给指定用户；也可通过分享加密连接的方式，让指定的人看到你的分析结果。        </div>
    </div>
    <div class="pro_datastreamB">
        <div class="pro_analysBimage5"></div>
    </div>
    <div class="clearfloat"></div>
</div>
<div class="pro_d4">
    <div class="pro_datastreamB">
        <div class="pro_d4Bimage6"> </div>
    </div>
    <div class="pro_datastreamA">
        <div class="pro_datastreamAdetil">
            <p class="ptt">

                可视化效果的跨平台展示</p>
            <p class="pdemo">
                无缝支持PC、iPhone、iPad和Android,支持所有主流的数据分析与操作，并在这些终端设备上保持一致、友好、易用的用户体验。您可以随时随地地通过移动设备进行数据分析，从而做出正确的决策。        </div>
    </div>
    <div class="clearfloat"></div>
</div>
<div style="height: 30px;width: 100%"></div>

<!-- 大数据分析的模式-D4模式完-->

<!--&lt;!&ndash; 大数据分析平台架构 &ndash;&gt;-->

<!--<div class="pro_bigdata">-->
    <!--<h3>可视化结果的多渠道分享</h3>-->
    <!--<center>-->
        <!--<img src="../../../images/lz_pro_bigdata.png" class="pro_bigdataimage"/>-->
    <!--</center>-->
<!--</div>-->

<!--&lt;!&ndash; 大数据分析平台架构完 &ndash;&gt;-->
<!--&lt;!&ndash; 大数据分析平台特点 &ndash;&gt;-->
<!--<div class="pro_style">-->
    <!--<h3>大数据分析平台特点</h3>-->
    <!--<center>-->
        <!--<img src="../../../images/lz_pro_style.png" class="pro_styleB"/>-->
    <!--</center>-->
<!--</div>-->
</body>
</html>
<script type="text/javascript" src="../../../lib/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="../../../js/foot.js"></script>